function fn() {
    var myChart = echarts.init(document.getElementById('rain'))
    myChart.setOption({

        color: ['#3398DB'],
        tooltip: {
            // show: false,
            trigger: 'axis',
            confine: true,
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow',    // 默认为直线，可选为：'line' | 'shadow'

            }
        },
        grid: {
            left: '15%',
            right: '10%',
            bottom: '13%',
            // containLabel: true
        },
        xAxis: [
            {

                type: 'category',
                data: ['2016', '2017', '2018', '2019'],
                axisTick: {
                    alignWithLabel: false
                },
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: '#fff'
                    },
                    interval: 0,
                    rotate: 0,
                    margin: 8,
                    formatter: function (params) {
                        // 这里的params就是x轴的标签名称，可以自定义内容
                        return params + '';
                    }
                }
            },

        ],
        yAxis: [
            {
                type: 'value',
                name: '单位1',
                axisLabel: {
                    formatter: ['0'] // 格式化标签为数值
                }
            },
            {
                type: 'value',
                name: '单位2',
                position: 'right', // 折线图的y轴显示在右侧
                offset: 1, // 调整y轴label与图表之间的距离
                splitLine: {
                    show: false // 隐藏y轴对应的直线
                },
                axisLabel: {
                    formatter: '{value}%' // 给单位2的值加上百分号
                },
            },
        ],
        series: [

            {
                name: '直接访问',
                type: 'bar',
                barWidth: '15%',
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                { offset: 0, color: '#fcc709' },
                                { offset: 0.5, color: '#dba249' },
                                { offset: 1, color: '#f68648' }
                            ]
                        ),
                        barBorderRadius: 50,
                    }
                },
                //设置
                markPoint: {
                    data: [
                        // value表示你标注中想要展示的数字或者提示信息
                        // xAxis表示标注的x轴坐标
                        // yAxis表示标注的y轴坐标
                        {
                            xAxis: ['2016', '2017', '2018', '2019'],
                        }
                    ]
                },

                data: [18453, 20572, 24274, 30500,],
                yAxisIndex: 0, // 使用左侧y轴
            },
            {
                smooth: true,
                name: '折线图',
                type: 'line',
                data: [0, 11.48, 15, 25],
                symbol: 'circle',
                yAxisIndex: 1, // 使用右侧y轴
            },
        ],

    })
}
fn()
// function fn1() {
//     var myChart = echarts.init(document.getElementById('rain'))
//     myChart.setOption({

//         tooltip: { trigger: 'item' },

//         xAxis: [{ type: 'category', data: ['2016-06', '2016-07', '2016-08', '2016-09', '2016-10', '2016-11', '2016-12'] }],
//         yAxis: [{ type: 'value', name: '申请融资金额（万元）', axisLabel: { formatter: '{value}' } }, { type: 'value', name: '增长率%', axisLabel: { formatter: '{value} ' } }],
//         series: [{
//             name: '申请融资金额', type: 'bar', data: [112.0, 114.9, 117.0, 143.2, 151.6, 176.7,], barGap: 100, itemStyle: { normal: { color: '#FF6600' } },
//         },
//         { name: '预测融资金额', type: 'bar', data: [565, 656, 65, 65, 45, 175, 185], itemStyle: { normal: { color: 'rgba(181,195,52,0.5)' }, }, },
//         { name: '增长率', type: 'line', yAxisIndex: 1, data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2,], itemStyle: { normal: { color: '#00CCFF' } }, },
//         { name: '预测增长率', type: 'line', yAxisIndex: 1, data: [, , , , , 10.2, 20.3], itemStyle: { normal: { color: '#00CCFF', lineStyle: { type: 'dashed' } } }, }]
//     })
// }
// fn1()